import React, { Component } from 'react'

import './Other.css'

// 导入事件中心
import event from '../utils/eventBus'

export default class Other extends Component {

  state = {
    fromChild: "等待接受其他组件的数据"
  }

  render() {
    // 监听自定义事件
    event.on('dfc-event', dat => {
      this.setState({
        fromChild: dat
      })
    })

    return (
      <div className="other-container">
        其他组件
        <p>接收数据：{this.state.fromChild}</p>
      </div>
    )
  }
}
